<!DOCTYPE html>
<html lang="es">
	<head>
		<meta charset="UTF-8">
		<title>Gmaster [Centros y Departamentos]</title>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
		<script type="text/javascript" src="js/funciones.js"></script>
		<script>seguridad();</script>
		<script type="text/javascript" src="js/centro.js"></script>
		<link rel="StyleSheet" type="text/css" href="css/smoothness/jquery-ui-1.10.3.custom.min.css">
		<link rel="StyleSheet" type="text/css" href="css/estilos.css">
	</head>
	<body>
		<div id="menu"></div>
		<div>
			<h1>Centros y Departamentos</h1>
		</div>
		<div id="tabs">
			<ul>
				<li><a href="#centro">Centro</a></li>
				<li><a href="#departamentoES">Departamento ES</a></li>
				<li><a href="#departamento">Departamento</a></li>
				<li><a href="#areaconocimiento">&Aacute;rea de conocimiento</a></li>
			</ul>
			<div id="listado" class="visible">
				<div id="parametros" class="oculto">
					<label for="tipo">Filtrar por: </label>
					<select id="tipo">
						<option>Carga</option>
					</select>
					<a id="busqueda">B&uacute;squeda avanzada</a>
				</div>
				<div id="filtros" class="oculto"></div>
				<div id="lista"></div>
				<input type="button" id="nuevo" value="Nuevo centro">
				<input type="button" id="borrar" value="Borrar selección">
			</div>
			<div id="centro">
				<div id="form_centro" class="oculto">
					<form>
						<fieldset><legend>Datos Centro</legend>
							<p>
								<label for="cen_0">Nombre del centro: </label>
								<input type="text" id="cen_0" name="nombre" maxlength=40 tabindex=1 autofocus autocomplete="off">
								<input type="hidden" id="hidden_cen_0" value="false">
							</p>
							<p>
								<label for="cen_1">Localidad: </label>
								<input type="text" id="cen_1" name="localidad" maxlength=20 tabindex=2 list="nombreslocalidades" autocomplete="off">
									<datalist id="nombreslocalidades"></datalist>
								<input type="hidden" id="hidden_cen_1" value="false">
							</p>
							<p>
								<label for="cen_2">Provincia: </label>
								<input type="text" id="cen_2" name="provincia" maxlength=20 tabindex=3 list="nombresprovincias" autocomplete="off">
									<datalist id="nombresprovincias"></datalist>
								<input type="hidden" id="hidden_cen_2" value="false">
							</p>
						</fieldset>
						<input type="button" id="cen_registrar" value="Registrar" tabindex=4 disabled>
						<input type="button" id="cen_cancelar" value="Cancelar" tabindex=5>
					</form>
				</div>
			</div>
			<div id="departamentoES">
				<div id="form_departamentoES" class="oculto">
					<form>
						<fieldset><legend>Datos Departamento ES</legend>
							<p>
								<label for="depes_0">Centro: </label>
								<select id="depes_0" name="centro" tabindex=1 autofocus>
									<option>Carga</option>
								</select>
								<input type="hidden" id="hidden_depes_0" value="false">
							</p>
							<p>
								<label for="depes_1">Nombre del Departamento ES: </label>
								<input type="text" id="depes_1" name="nombre" maxlength=30 tabindex=2 autocomplete="off">
								<input type="hidden" id="hidden_depes_1" value="false">
							</p>
						</fieldset>
						<input type="button" id="depes_registrar" value="Registrar" tabindex=3 disabled>
						<input type="button" id="depes_cancelar" value="Cancelar" tabindex=4>
					</form>
				</div>
			</div>
			<div id="departamento">
				<div id="form_departamento" class="oculto">
					<form>
						<fieldset><legend>Datos Departamento</legend>
							<p>
								<label for="dep_0">Nombre del departamento: </label>
								<input type="text" id="dep_0" name="nombre" maxlength=90 tabindex=1 autofocus autocomplete="off">
								<input type="hidden" id="hidden_dep_0" value="false">
							</p>
						</fieldset>
						<input type="button" id="dep_registrar" value="Registrar" tabindex=2 disabled>
						<input type="button" id="dep_cancelar" value="Cancelar" tabindex=3>
					</form>
				</div>
			</div>
			<div id="areaconocimiento">
				<div id="form_areaconocimiento" class="oculto">
					<form>
						<fieldset><legend>Datos &Aacute;rea Conocimiento</legend>
							<p>
								<label for="area_0">Departamento: </label>
								<select id="area_0" name="departamento" tabindex=1 autofocus>
									<option>Carga</option>
								</select>
								<input type="hidden" id="hidden_area_0" value="false">
							</p>
							<p>
								<label for="area_1">Nombre del &aacute;rea de conocimiento: </label>
								<input type="text" id="area_1" name="nombre" maxlength=50 tabindex=2 autocomplete="off">
								<input type="hidden" id="hidden_area_1" value="false">
							</p>
						</fieldset>
						<input type="button" id="area_registrar" value="Registrar" tabindex=3 disabled>
						<input type="button" id="area_cancelar" value="Cancelar" tabindex=4>
					</form>
				</div>
			</div>
		</div>
	</body>
</html>